<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>HC社区商城</title>
    <meta name="keywords" content="物业采购、物业系统供应链平台">
    <meta name="description" content="物业采购、物业系统供应链平台">
    <link rel="stylesheet" href="/css/iconfont1.css">
    <link rel="stylesheet" href="/css/common1.css">
    <link rel="stylesheet" href="/css/index.css">
    <style>
        .nav .menu-mainnav {
            display: block;
        }

        .slidebanner .bd ul li {
            display: none
        }

        .slidebanner .bd ul li:first-child {
            display: block
        }
    </style>
</head>

<body class="greybg">
<div id="app">
    <div class="header">
        <div class="head-top">
            <div class="nb">
                <div class="rside" style='float:right'>
                    <ul class="head-ul">
                        <li><a href="login.html">登录</a></li>
                        <li><a href="reg.html">注册</a></li>
                        <li><a href="login.html">我的订单</a></li>
                        <li><a href="login.html">会员中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="head-bot">
            <div class="nb">
                <div class="web-title-container">
                    <!--<a href="" class="logo system-name">xx供应链平台</a>-->
                    <a href="" class="logo system-name">{{platformName}}</a>
                    <div class="searchbox">
                        <form name="search" action="../list.html" method="post">
                            <input type="search" name="word" id="word" value="" placeholder="请输入关键词" class="txt-search">
                            <input type="submit" value="搜  索" id="btn-search" class="btn-submit">
                            <input type="hidden" name="action" value="list">
                        </form>
                    </div>
                    <div class="cartbox">
                        <div class="cartbtn">
                            <a href="cart.html" class="radv-nav"><span>购物车</span>(<span class="cartinfo">0</span>)</a>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="nav">
                    <div class="nav-classify">
                        <h3 class="nav-all-btn">全部分类</h3>
                        <ul class="menu-mainnav" style="height: 450px;">
                            <!--<li>
                                <div class="sortmaintitle">
                                    <a href="17rec1.html" target="_blank">手动电动工具</a>
                                </div>
                                &lt;!&ndash;	二级容器2&ndash;&gt;
                                <div class="navsonbox">
                                    <div class="nr">
                                        <div class="navson-classify">
                                            <div class="navson-classify-box">
                                                <h3 class="maintitle"><a href="AJGM2.html" target="_blank">电动工具<span>&gt;</span></a></h3>
                                                <div class="navson-classify-subtitle"><a href="nsirO.html" target="_blank">电镐</a>
                                                    <a href="JCIc5.html" target="_blank">电锤</a>
                                                    <a href="hhrsc1.html" target="_blank">电钻</a>
                                                    <a href="fX37Z.html" target="_blank">磨光机</a>
                                                    <a href="TV5SH.html" target="_blank">角磨机</a>
                                                    <a href="dmLZR.html" target="_blank">充电电钻</a>
                                                    <a href="PRsYL.html" target="_blank">台式切割机</a>
                                                    <a href="AJG5u.html" target="_blank">吹风机</a>
                                                    <a href="78Fmb.html" target="_blank">云石机</a>
                                                    <a href="FNs8t.html" target="_blank">激光测距仪</a>
                                                    <a href="EKC5v.html" target="_blank">管道疏通机</a>
                                                    <a href="gkMmD.html" target="_blank">射钉枪</a>
                                                    <a href="kohoT.html" target="_blank">电动喷漆枪</a>
                                                    <a href="WNEeD.html" target="_blank">空压机</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                &lt;!&ndash;	二级容器2 end&ndash;&gt;
                            </li>-->
                            <li v-for="(item, index) in classes">
                                <div class="sortmaintitle">
                                    <!--<a href="product.html" target="_blank">{{item.className}}</a>-->
                                    <a v-on:click="_jumpToPage(item.classId)">{{item.className}}</a>
                                </div>
                                <!--	二级容器2-->
                                <div class="navsonbox">
                                    <div class="nr">
                                        <div class="navson-classify">
                                            <div class="navson-classify-box" v-for="(c1item, c1index) in item.children">
                                                <h3 class="maintitle">
                                                    <!--<a href="product.html" target="_blank">{{c1item.className}}<span>&gt;</span></a>-->
                                                    <a v-on:click="_jumpToPage(c1item.classId)" target="_blank">{{c1item.className}}<span>&gt;</span></a>
                                                </h3>
                                                <div class="navson-classify-subtitle">
                                                    <!--<a href="product.html" target="_blank" v-for="(c2item, c2index) in c1item.children">{{c2item.className}}</a>-->
                                                    <a v-on:click="_jumpToPage(c2item.classId)" target="_blank"
                                                       v-for="(c2item, c2index) in c1item.children">{{c2item.className}}</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--	二级容器2 end-->
                            </li>

                        </ul>
                    </div>
                    <ul class="nav-othder">
                        <li><a href="">首页</a></li>
                        <li><a href="timespike.html">限时抢购</a></li>
                        <li><a href="17rec2.html">电动手动工具</a></li>
                        <li><a href="NSlFz1.html">安防消防器材</a></li>
                        <li><a href="bT5hC1.html">建筑材料</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="nb">
            <div class="promise">
                <ul>
                    <li>
                        <div class="promise-box"><em class="yec-icon-qg yec-icon"></em>
                            <div class="word">
                                <h3>正品保障</h3>
                                <p>正品行货 放心选购</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="promise-box"><em class="yec-icon-fare yec-icon"></em>
                            <div class="word">
                                <h3>满99包邮</h3>
                                <p>满99 免运费</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="promise-box"><em class="yec-icon-cs yec-icon"></em>
                            <div class="word">
                                <h3>售后无忧</h3>
                                <p>7天无理由退货</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="promise-box"><em class="yec-icon-help yec-icon"></em>
                            <div class="word">
                                <h3>帮助中心</h3>
                                <p>您的购物指南</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="foot-sortnav">
                <div class="box"><a href="" target="_blank">首页</a></div>
                <div class="box"><a href="n-help.html">关于我们</a></div>
                <div class="box"><a href="n-help.html">联系我们</a></div>
            </div>
            <div class="copyright">
                <p>
                <p>Copy@2024&nbsp;<a href="" target="_blank">HC社区商城</a>&nbsp;All Rights Reserved
<!--                    <a href="https://beian.miit.gov.cn" target="_blank">xxxx</a>-->
                </p>
            </div>
        </div>
    </div>
    <div class="celan-float">
        <ul>
            <li class="shop"><a href="cart.html">购物车 <span class="cartinfo">0</span></a></li>
            <li class="telnum">
                <a href="#">电话号码</a>
                <div class="tel-box radius"><span><p>13345513582</p></span></div>
            </li>
            <li class="totop"><a href="#">置顶</a></li>
        </ul>
    </div>
</div>
<script src="./js/bootstrap/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="./js/bootstrap/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<!--<script src="/js/home.js" type="text/javascript"></script>-->
<script src="./js/users.js" type="text/javascript"></script>
<script src="./js/main.js" type="text/javascript"></script>
<script src="./js/vue/vue.js"></script>
<script>
    const app = new Vue({
        el: "#app",
        data: {
            platformName: '',
            classes: [],
            informations: []
        },
        mounted: function () {
            this.getPlatformName();
            this.getProductClass();
            this.getInformation();
        },
        methods: {
            getPlatformName: function () {
                var _this = this;
                $.ajax({
                    type: "get",
                    url: "/mall/api/system.initPlatformData",
                    data: {
                        type: 'PLATFORM_NAME'
                    },
                    dataType: "json",
                    headers: {
                        "APP-ID": "992021030901240071",
                        "TRANSACTION-ID": uuid(),
                        "REQ-TIME": getDateYYYYMMDDHHMISS(),
                        "USER-ID": "-1"
                    },
                    success: function (data) {
                        if (data.code != '0') {
                            msg(data.msg);
                        } else {
                            _this.platformName = data.data.settingValue;
                        }
                    },
                    error: function (data, t) {
                        msg("系统错误");
                    },
                    complete: function (XMLHttpRequest, textStatus) {
                    }
                });
            },
            getProductClass: function () {
                var _this = this;
                $.ajax({
                    type: "get",
                    url: "/mall/api/system.initPlatformData",
                    data: {
                        type: 'PLATFORM_PRODUCT_CLASS'
                    },
                    dataType: "json",
                    headers: {
                        "APP-ID": "992021030901240071",
                        "TRANSACTION-ID": uuid(),
                        "REQ-TIME": getDateYYYYMMDDHHMISS(),
                        "USER-ID": "-1"
                    },
                    success: function (data) {
                        if (data.code != '0') {
                            msg(data.msg);
                        } else {
                            _this.classes = data.data;
                        }
                    },
                    error: function (data, t) {
                        msg("系统错误");
                    },
                    complete: function (XMLHttpRequest, textStatus) {
                    }
                });
            },
            getInformation: function () {
                var _this = this;
                $.ajax({
                    type: "get",
                    url: "/mall/api/system.initPlatformData",
                    data: {
                        type: 'PLATFORM_INFORMATION'
                    },
                    dataType: "json",
                    headers: {
                        "APP-ID": "992021030901240071",
                        "TRANSACTION-ID": uuid(),
                        "REQ-TIME": getDateYYYYMMDDHHMISS(),
                        "USER-ID": "-1"
                    },
                    success: function (data) {
                        if (data.code != '0') {
                            msg(data.msg);
                        } else {
                            _this.informations = data.data;
                        }
                    },
                    error: function (data, t) {
                        msg("系统错误");
                    },
                    complete: function (XMLHttpRequest, textStatus) {
                    }
                });
            }
        }
    })

    function _jumpToPage(classId) {
        window.open("product.html?classId=" + classId);
    }
</script>
</body>

</html>
